<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../reset.css">
    <link rel="stylesheet" href="./首页.css">
    <script src="../jQ引入.js"></script>
</head>
<body>
    <header>
        <div class="div1">
        <a href="../首页/首页.html"><img src="../img/logo.jpg" alt=""></a>
        </div>
        <div class="div2">
        <a href="../登录/已登录/已登录.html"><img src="../img/my.jpg" alt=""></a>
        <img src="../img/xiazai.jpg" alt="">
        </div>
    </header>
    <div class="zhao">
        <input type="text" placeholder="输入小区或商圈名开始找房">
    </div>
    <div class="zhu">
        <a href="../二手房/二手房.html"><div><img src="../img/index_03.png" alt=""><p>二手房</p></div></a>
        <a href="../房源信息/房源信息.html"><div><img src="../img/index_05.png" alt=""><p>新房</p></div></a>
        <a href="../北京租房/北京租房.html"><div><img src="../img/index_07.png" alt=""><p>租房</p></div></a>
        <a href="../卖房/卖房.html"><div><img src="../img/index_09.png" alt=""><p>卖房</p></div></a>
    </div>
    <img src="../img/banner2.png" alt="" class="tu2">
    <div class="re">
        <h2>热门房源</h2>
        <h4>Hot house</h4>
    </div><br>
    <div class="yuan">
        <ul>
            <li>
                <div class="div11">
                    <img src="../img/img1.jpg" class="img1">

                    <div class="div22">
                        <h2>文化部中间层 一层带...</h2>
                        <div class="div33"><span>2室一厅96m²南北</span><span>1105万</span></div>
                        <div class="div44"><span>红庙北里</span><span>14268元/平</span></div>
                        <span class="sp1">学区房</span><span class="sp1">独家</span>
                    </div>
                </div>
            </li>
            <li>
                <div class="div11">
                    <img class="img1" src="../img/img22.png" alt="">

                    <div class="div22">
                        <h2>光大水墨 精装复式...</h2>
                        <div class="div33"><span>2室一厅96m²南北</span><span>280万</span></div>
                        <div class="div44"><span>光大水墨</span><span>14268元/平</span></div>
                        <span class="sp1">学区房</span><span class="sp1">独家</span><span class="sp1 sp2">满五唯一</span>
                    </div>
                </div>
            </li>
            <li>
                <div id="div99">
                    <img class="img1" src="../img/img33.png" alt="">

                    <div class="div22">
                        <h2>南北通透两居 精装修...</h2>
                        <div class="div33"><span>2室一厅96m²南北</span><span>320万</span></div>
                        <div class="div44"><span>红庙北里</span><span>14268元/平</span></div>
                        <span class="sp1">地铁房</span><span class="sp1">独家</span>
                    </div>
                </div>
            </li>
        </ul>
    </div><br><br>
    <section>
        <div class="rem">
            <li id="ni"><p class="guan">热门关注</p></li>
            <li id="nu">友情链接</li>
        </div>
        <div class="bei">
            <ul>
                <li><a href="">北京二手房</a></li>
                <li><a href="">北京二手房价</a></li>
                <li><a href="">海定日租房</a></li>
                <li><a href="">朝阳新房</a></li>
            </ul>
            <ul>
                <li><a href="">北京找房无忧</a></li>
                <li><a href="">青年家园</a></li>
                <li><a href="">免税房源</a></li>
                <li><a href="">满五年唯一免税</a></li>
            </ul>
        </div>
        <div class="pcd">
            <span>北京找房无忧>首页</span>
            <div class="and">
                <div>
                    <img src="../img/apple.png" alt="">
                    <div>
                        <li>iphone</li>
                        <li>客户端</li>
                    </div>
                </div>
                <div>
                    <img src="../img/android.png" alt="">
                    <div>
                        <li>Android</li>
                        <li>客户端</li>
                    </div>
                </div>
            </div>
            <div class="xuke">
                <p>北京找房无忧房地产经纪有限公司</p>
                <p>网络经营许可证 京ICP备20160812号-12</p>
            </div>
        </div>
    </section>
    <div class="div8">
        <div class="div9">
            <img src="../img/close.png" alt="" class="ime">
            <img src="../img/download.png" alt="" class="img1">
            <div>
               <div class="div11"> 找房无忧</div>
               <div>市场行情, 一手掌握！</div>
            </div>
        </div>
        <div class="div10">
            <div>免费下载</div>
        </div>
    </div>
</body>
<script src="./rem.js"></script>
<script>
    var ni =document.querySelector('#ni')
    var nu =document.querySelector('#nu')
    ni.onclick=function(){
        ni.style.borderBottom="3px solid #FF8A00";
        nu.style.borderBottom="1px solid #FF8A00";
        ni.style.color="#ff8a00"
    }
    nu.onclick=function(){
        nu.style.borderBottom="3px solid #FF8A00";
        ni.style.borderBottom="1px solid #FF8A00";
        ni.style.color="#000";
    }
</script>
</html>